<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>班级信息管理系统</title>            
  <!-- Favicons -->
    <link th:href="@{/libs/niceadmin/assets/img/favicon.png}" rel="icon">
    <link th:href="@{/libs/niceadmin/assets/img/apple-touch-icon.png}" rel="apple-touch-icon">

    <!-- Google Fonts -->



    <!-- Vendor CSS Files -->
    <link th:href="@{/libs/niceadmin/assets/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/bootstrap-icons/bootstrap-icons.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/boxicons/css/boxicons.min.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.snow.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.bubble.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/remixicon/remixicon.css}" rel="stylesheet">
    <link th:href="@{/libs/niceadmin/assets/vendor/simple-datatables/style.css}" rel="stylesheet">

    <!-- Template Main CSS File -->
    <link th:href="@{/libs/niceadmin/assets/css/style.css}" rel="stylesheet">
    
<!--外部引入-->
    <link rel="stylesheet" th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
	<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
	<link rel="stylesheet" th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">
		
</head>
<body>
  <!-- ======= Header ======= -->
    <div th:replace="public/main :: header"></div><!-- 引用的头 -->
    <!-- End Header -->

    <!-- ======= Sidebar ======= -->
    <aside id="sidebar" class="sidebar" th:fragment="aside">
        <ul class="sidebar-nav" id="sidebar-nav">

        </ul>
    </aside>
    
    
    <!-- End Sidebar-->
<main id="main" class="main">
<div>
	<div>
	
	<h1>班级信息管理</h1>
	
	 	<form>	
	 	
	 			<div class="form-group">
					<label for="gradeName">班级名称</label> <input type="email"
						style="width: 250px; height:30px;" id="gradeName"
						aria-describedby="xxxxxx">
				
					<label for="classTeacherName">班主任</label> <input type="email"
						style="width: 250px; height:30px;" id="classTeacherName" aria-describedby="yyyyyy">
				
					<label for="lecturerName">讲师</label> <input type="email"
						style="width: 250px; height:30px;" id="lecturerName" aria-describedby="yyyyyy">
				</div>
				<!-- 查询按钮 -->
				<button type="button" onclick="queryClassRoom()"
					class="btn btn-primary">查询</button>
				<!-- 重置查询 -->
				<button type="reset" class="btn btn-primary">重置</button>
				<!-- 新增按钮 -->
				<button type="button" class="btn btn-primary" data-toggle="modal"
				data-target="#addmodal" data-whatever="@mdo">新增</button>
		</form>
	</div>
	<div>
			<!-- 新增 -->
			<div class="modal fade" id="addmodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">新增教室信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">班级名称</label> 
									<input type="text" class="form-control" id="add-gradeName">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">班级描述</label> 
									<input type="text" class="form-control" id="add-gradeDescribe">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">班主任Id</label> 
									<input type="text" class="form-control" id="add-classTeacherId">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">讲师Id</label> 
									<input type="text" class="form-control" id="add-lecturerId">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">所在教室Id</label> 
									<input type="text" class="form-control" id="add-classroomClassroomId">
								</div>
								<div class="form-group">
					   		 <label for="provinces">班主任</label> 
					   		 <select  onchange="" class="form-control" id="add-classTeacherName">
						<option>请选择班主任</option>
					</select>
				</div>
								<!-- <div class="form-group">
									<label for="recipient-name" class="col-form-label">讲师</label>
									<input type="text" class="form-control" id="add-lecturerName">
								</div> -->
								<div class="form-group">
					   		 <label for="provinces">讲师</label> <select onchange="" class="form-control" id="add-lecturerName">
						<option>请选择讲师</option>
					</select>
				</div>
								<!-- <div class="form-group">
									<label for="recipient-name" class="col-form-label">所在教室</label>
									<input type="text" class="form-control" id="add-salary">
								</div> -->
								<div class="form-group">
					   		 <label for="provinces">所在教室</label> <select onchange="" class="form-control" id="add-salary">
						<option>请选择所在教室</option>
					</select>
				</div>
								
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="save1()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 删除模态框 -->
		<div>
			<div class="modal fade" id="deletemodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog" >
					<div class="modal-content" style="background-color: rgb(0, 128, 64);width: 300px;height: 300px;">
						<h2>确定删除班级***</h2>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
								<input type="text" class="form-control" id="gradeId" hidden="hidden">
							<button type="button" onclick="del()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<!-- 修改 -->
			<div class="modal fade" id="updatemodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">修改教室信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">班级名称</label> 
									<input type="text" class="form-control" id="update-gradeName">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="col-form-label">班级描述</label> 
									<input type="text" class="form-control" id="update-gradeDescribe">
								</div>
								<!-- <div class="form-group">
									<label for="recipient-name" class="col-form-label">班主任</label> 
									<input type="text" class="form-control" id="add-classTeacherName">
								</div> -->
								<div class="form-group">
					   		 <label for="provinces">班主任</label> 
					   		 <select  onchange="" class="form-control" id="update-classTeacherName">
						<option>请选择班主任</option>
					</select>
				</div>
								<!-- <div class="form-group">
									<label for="recipient-name" class="col-form-label">讲师</label>
									<input type="text" class="form-control" id="add-lecturerName">
								</div> -->
								<div class="form-group">
					   		 <label for="provinces">讲师</label> <select onchange="" class="form-control" id="update-lecturerName">
						<option>请选择讲师</option>
					</select>
				</div>
								<!-- <div class="form-group">
									<label for="recipient-name" class="col-form-label">所在教室</label>
									<input type="text" class="form-control" id="add-salary">
								</div> -->
								<div class="form-group">
					   		 <label for="provinces">所在教室</label> <select onchange="" class="form-control" id="update-salary">
						<option>请选择所在教室</option>
					</select>
				</div>
								
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
								<input type="text" class="form-control" hidden="hidden" id="gradeId">
							<button type="button" onclick="update()" class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	<div>
		<table id="tab" data-pagination="true" data-page-size="4" data-search="true"><!--是分页data-pagination="true" data-page-size="4" data-search="true"-->
		</table>
	</div>
	<!-- 分页 -->
		<div>
			<nav aria-label="Page navigation example">
				<ul class="pagination" id="pagination">
				</ul>
			</nav>
			<div>
					<input id="pageSize" hidden="hidden" value="5" />
				</div>
		</div>
	<div>
		<input id="addr" hidden th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
		<!-- 获取到controller路径 -->
	</div>

</div>
</main>
 <!-- ======= Footer ======= -->
    <div th:replace="public/main :: footer"></div>
    <!-- End Footer -->

    <a th:href="@{/libs/niceadmin/#}" class="back-to-top d-flex align-items-center justify-content-center"><i
            class="bi bi-arrow-up-short"></i></a>

	
    <script th:src="@{/libs/niceadmin/assets/vendor/apexcharts/apexcharts.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/chart.js/chart.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/echarts/echarts.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/quill/quill.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/simple-datatables/simple-datatables.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/tinymce/tinymce.min.js}"></script>
    <script th:src="@{/libs/niceadmin/assets/vendor/php-email-form/validate.js}"></script>
    
         <!-- Template Main JS File -->
    <script th:src="@{/libs/niceadmin/assets/js/main.js}"></script>
    
    
    
	<!--外部引入-->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/grade/grade.js}"></script>
	<script th:src="@{/js/public/Menu.js}"></script>
</body>
	
</html>